import {lazy} from "react"
import {Navigate} from "react-router-dom"
const A = lazy(()=>import("../pages/a"))
const B = lazy(()=>import("../pages/b"))
const Ason = lazy(()=>import("../pages/ason"))
const Deatil = lazy(()=>import("../pages/detail"))
const routerConfig = [
    {
        path:"/",
        element:<Navigate to="/a"></Navigate>
    },

    {
        path:"/a",
        element:<A></A>,
        children:[
            {
                path:"/a/ason",
                element:<Ason></Ason>
            },
            {
                path:"/a",
                element:<Navigate to="/a/ason"></Navigate>
            }
        ]
    },
    {
        path:"/detail",
        element:<Deatil></Deatil>
    },
    {
        path:"/b",
        element:<B></B>
    },

]
export default routerConfig